@charset "utf-8";
/* CSS Document */

*{
    margin: 0px;
    padding: 0px;
    font: 12px/1.5 Microsoft YaHei,tahoma,arial,Hiragino Sans GB,\\5b8b\4f53,sans-serif;
    font-size: 12px;
}
blockquote, body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
ul,li{list-style:none;}
img{ border:0px;}
a{
    text-decoration: none;
}
a:hover{ color:#ea5b24;}
html{
    width: 100%;
    height: 100%;
    overflow-x:hidden;
    overflow-y:auto;
}
body{
    width: 100%;
    min-height: 100%;
}
.block{ display:block;}
.fl{ float:left !important}
.fr{ float:right !important}
div {
    display: block;
}
.clear{ clear:both;}
.h25{ height:25px;}
.f14{ font-size:14px;}
.bg-cf{background-color:#FFF}
.w400{width:400px !important}
.container-s {
    width: 100%;
    height: 60px;
    background-color: #ffffff;
}
.container-s .logo a {
    float: left;
    color: rgb(255, 255, 255);
    background-color:#222632;
    font-size: 18px;
    padding-left: 20px;
    line-height: 60px;
    width: 220px;
    height:60px;

}

.container-s .logo a img{ margin-left:50px;}
.top_search{ float:left; margin-left:40px; padding-top:20px;}
.top_search #btn_search{ height:20px; width:27px; float:left; display:block; background-image:url(../img/coin.png); background-position:0px -163px; cursor:pointer;}
.top_search input{ border:0px; float:left; color:#adadad; width:230px; outline:none;}

.top_bell{width:27px; height:25px; background-image:url(../img/coin.png); background-position:0px -190px; float:right; margin-top:12px;}
.top_bell span{display:block; width:15px; height:15px; line-height:15px; text-align:center; color:#fff; background-image:url(../img/round_red.png); margin-left:9px; font-size:10px !important;}

#top_set{width:27px; height:22px; display:block; cursor:pointer; float:right; background-image:url(../img/coin.png); background-position:0px -226px; margin:15px 30px;}

.top_manage{width:165px; height:60px; float:right; border-left:1px solid #cdcdcd}

.top_m_d{width:140px; height:22px; margin:13px auto; background-image:url(../img/coin.png); background-position:0px -255px; background-repeat:no-repeat}

.top_m_a{ display:block; width:120px; text-align:center; height:30px; line-height:22px;  color:#888888; background-image:url(../img/coin1.png); background-repeat:no-repeat; background-position:right 6px}

.mainlevel div{display:none; position:absolute; z-index:999; width:140px;  line-height:22px;     box-shadow: 0 2px 4px rgba(0,0,0,.12);
    border: 1px solid #d2d2d2;
    background-color: #fff;
    z-index: 100;
    border-radius: 2px;
    white-space: nowrap; }
.mainlevel div a{ display:block; width:140px; height:32px !important; line-height:32px; text-align:center; font-size:12px !important; font-weight:100 !important; color:#888888;}
.mainlevel div a:hover{ background-color:#f0f0f0;}


.left-nav {
    position: absolute;
    top: 60px;
    bottom: 0px;
    left: 0px;
    z-index: 2;
    padding-top: 10px;
    background-color: #2a303e;
    width: 240px;
    max-width: 240px;
    overflow: auto;
    border-right: 1px solid rgb(229, 229, 229);
}
.ul-nav{ padding:20px 0px;}
.ul-nav li{ height:40px; clear:both;}
.ul-nav li a{ height:40px; line-height:40px; color:#b9b8b8; font-size:14px; display:block; width:100%;}
.ul-nav li a:hover{ color:#ffffff; background-color:#272b38}
.ul-nav li a i{ display:block; width:27px; height:20px; float:left;  margin-left:25px;}
.ul-nav li a cite{ display:block; float:left; line-height:40px; font-size:14px; margin-left:8px; font-weight:800;}
.ul-nav li a .i1{ background-image:url(../img/coin.png); margin-top:8px;}
.ul-nav li a .i2{ background-image:url(../img/coin.png); margin-top:8px; background-position:0px -35px;}
.ul-nav li a .i3{ background-image:url(../img/coin.png); margin-top:8px; background-position:0px  -66px;}
.ul-nav li a .i4{ background-image:url(../img/coin.png); margin-top:8px; background-position:0px -98px;}
.ul-nav li a .i5{ background-image:url(../img/coin.png); margin-top:8px; background-position:0px -132px;}

.page-content {
    position: absolute;
    top: 60px;
    right: 0px;
    bottom: 0px;
    left: 241px;
    z-index: 1;
    overflow: hidden;
    background-color:#f0f0f0;
}
.page-content-d{margin:0px 40px; padding:40px 0px;}
.page-c-nav{width:100%; height:40px; border-bottom:1px solid #c9c9c9}
.page-c-nav span{display:block; float:left; width:260px; font-size:16px; font-weight:800; color:#4b4b4b}
.page-c-nav div{width:105px; height:33px; line-height:33px; float:right; background-color:#5db8f1; color:#fff; font-size:14px; font-weight:800; text-align:center;border-radius:4px; cursor:pointer;}
.page-c-nav div:hover{ color:#FC0}
.nextpa{display:block; height:25px; padding-top:6px;}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.layui-table {
    width: 100%;
    margin: 10px 0;
    background-color: #fff;
}
.layui-table thead tr{
    height:50px; line-height:50px;
}
.layui-table td, .layui-table th {
    position: relative;
    padding: 9px 15px;
    min-height: 20px;
    line-height: 20px;
    font-size: 14px;
    color:#a7a7a7;
}
.layui-table td, .layui-table th, .layui-table-header, .layui-table-tool, .layui-table-view, .layui-table[lay-skin=row], .layui-table[lay-skin=line] {
    border-bottom: 1px solid #e2e2e2;
}
.layui-table th {
    text-align: left;
    color:#636262;
    font-weight:900;  font-size:14px;
}

.blue{ color:#5db8f1 !important}
.red{color:#ea5b24 !important}
.modi{ width:14px; height:16px; display:block; background-image:url(../img/coin.png); background-position:0 bottom; margin-top:4px; margin-left:6px; cursor:pointer;}
.jh{ width:12px; height:12px; display:block; background-image:url(../img/coin2.png); background-position:0 bottom; margin-top:4px; cursor:pointer; margin-left:3px;}

.ajd{ display:block; width:50px; height:23px; border-radius: 2px; background-color:#eeeeee; color:#5db8f1; line-height:23px; text-align:center;}
.ajd:hover{ color:#ea5b24;}
.ajh{ display:block; width:50px; height:23px; border-radius: 2px; background-color:#eeeeee; color:#ea5b24; line-height:23px; text-align:center;}
.ajh:hover{ color:#ea5b24;}
.adj{ display:block; width:50px; height:23px; border-radius: 2px; background-color:#ea5b24; color:#ffffff; line-height:23px; text-align:center;}
.adj:hover{ color:#5db8f1;}

.cz{width:95px; height:24px; }
.cz a{color:#909090; cursor:pointer; font-size:14px}
.cz a:hover{color:#ea5b24}
.img1{float:left; display:block; width:47px; height:27px; line-height:27px; text-align:center; background-image:url(../img/img_1.jpg)}
.img2{float:left; display:block; width:48px; height:27px; line-height:27px; text-align:center; background-image:url(../img/img_2.jpg)}
.img3{float:left; display:block; width:47px; height:27px; line-height:27px; text-align:center; background-image:url(../img/img_3.jpg)}
.img4{float:left; display:block; width:48px; height:27px; line-height:27px; text-align:center; background-image:url(../img/img_4.jpg)}

.page{width:100%; height:30px;text-align:center; }
.page1{min-width:180px; height:30px; margin:0px auto; border:0px;}
.page1 li{ float:left; line-height:31px; border:1px solid #dfdfdf; border-radius: 2px; margin-right:5px;}
.page1 li a{ margin:0px 10px; color:#575757; line-height:30px; font-size:12px; cursor:pointer}
.page1 li a:hover{ color:#5db8f1}
.pagered{ background-color:#f0f0f0; color:#ea5b24 !important;}
.avrp{width:15px; height:23px; display:block; padding-top:8px;}
.avrp font{display:block; width:14px; height:14px; background-image:url(../img/coin.png); background-position:0px 76px;}
.nextP{display:block; width:14px; height:14px; background-image:url(../img/coin.png); background-position:0px 52px; margin-top:6px;}

.pagef{float:left; width:140px; height:31px; text-align:left;}
.pagef span{ float:left; line-height:31px; display:block; color:#575757; font-size:14px;}
.pagef input{ width:40px; padding:0px 3px; height:31px; line-height:31px; float:left; border:1px solid  #dfdfdf; border-radius: 2px; margin:0px 3px;}
.pagef a{ width:31px; height:31px; display:block; float:left; border:1px solid  #dfdfdf; border-radius: 2px; margin:0px 3px; background-color:#ffffff; color:#5db8f1; cursor:pointer; text-align:center; line-height:31px;}

.view-nav{ float:right;}
.view-nav li{ float:left; width:85px;}
.view-nav li a{ display:block; width:100%; height:26px; line-height:26px; color:#747677;    border-radius: 4px; cursor:pointer}
.view-nav li a:hover{ color:#fff; background-color: #5db8f1;}
.view-nav li a i{background-image:url(../img/coin3a.png); }
.view-nav li a:hover i{ background-image:url(../img/coin3b.png); }

.view-nav .on a{ color:#fff; background-color: #5db8f1;}
.view-nav .on a i{ background-image:url(../img/coin3b.png); }


.view-nav li a .i1{ display:block; float:left; width:23px; height:16px; margin-top:6px; margin-left:7px;}

.view-nav li a .i2{ display:block; float:left; width:23px; height:20px;  margin-top:2px;  margin-left:7px; background-position:0px -24px;}

.view-nav li a .i3{ display:block; float:left; width:23px; height:20px;  margin-top:2px;  margin-left:7px; background-position:0px -48px;}

.view-nav li a .i4{ display:block; float:left; width:23px; height:6px;  margin-top:9px;  margin-left:7px; background-position:0px bottom;}
.w30{width:30px !important;}
.brad{ border-radius: 4px; }
.bg-cblue{ background-color:#5db8f1}
.f-white{ color:#ffffff !important}

.sp-list li{ padding:10px 0px; border-bottom:1px solid #e5e5e5}
.sp-list li span{ display:block; float:left; color:#a2a2a2;}
.sp-list li span input{ float:left; margin:10px 15px 10px 25px; border:1px solid #e7e7e7;}
.sp-list li .spimg{ width:30px; height:28px; background-image:url(../img/coin3.png); background-position:0px -72px; margin-top:4px; margin-right:16px;}
.marr40{ margin-right:40px;}
.fxwb{ line-height:30px; color:#5db8f1; font-size:14px}
.fxwb:hover{ color:#ea5b24;}
.fxwb i{display:block; float:left; width:17px; height:20px; background-image:url(../img/coin3.png); margin-top:5px;  margin-left:14px; background-position:0px -24px;}
.f-black{color:#272828;}
.spname{display:block;color:#272828;font-size:14px;width: 450px;height:36px;float:left;overflow:hidden;}
.spname:hover{ color:#ea5b24}

.spem{ float:left; display:none;}
.spem i{ display:block; width:30px; float:left; margin:0px 5px; text-align:center}
.spem i a{ font-size:10px; display:block; color:#a7a7a7}
.spem i a:hover{ color:#ea5b24}

.msg-box{width:600px;min-height: 380px;max-height: 700px;/* height:410px; */background-color:#FFF;border-radius: 6px;box-shadow: 2px 2px 4px rgba(0,0,0,.12);display:none;}
.msg-body{ width:100%; height:50px; background-color:#5db8f1;border-radius: 6px 6px 0 0 ;}

.msg-box-gay{ width:600px; height:410px; background-color:#FFF; border-radius: 6px; box-shadow: 2px 2px 4px rgba(0,0,0,.12); display:none;}
.msg-body-gay{ width:100%; height:50px; border-bottom:1px solid #cccccc;;border-radius: 6px 6px 0 0 ;}


.msg-title{ font-size:14px; float:left; margin-left:20px; color:#ffffff; line-height:50px;}
.msg-close{ float:right; width:22px; height:22px; margin-right:20px; margin-top:16px; background-image:url(../img/close.jpg); cursor:pointer}
.msg-title-gay{ font-size:14px; float:left; margin-left:20px; line-height:50px;}
.msg-close-gay{ float:right; width:22px; height:22px; margin-right:20px; margin-top:13px; background-image:url(../img/close-gay.jpg); cursor:pointer}
.msg-cont{height: 100%;width:100%;}
.h200{ height:170px; background-image:url(../img/cloud.jpg); background-repeat:no-repeat; background-position:center bottom; }
.tc{ text-align:center}
.fa7{ color:#a7a7a7;}
.msg-close1{width:76px; height:33px; text-align:center; line-height:33px; color:#fff; background-color:#5db8f1; margin:0px auto; border-radius:4px; cursor:pointer}
.msg-cont-ul{width:500px; margin:0px auto;}
.msg-cont-ul li{ padding:20px 0px; border-bottom:1px solid #e7e7e7}
.msg-cont-ul li span{ width:440px; float:left; margin-left:6px; }
.msg-cont-ul li .close1{ width:15px; height:15px; display:block; float:right; background-image:url(../img/close1.jpg); cursor:pointer}
.msg-bz{width:80%; height:10px; background-color:#5db8f1; border-radius: 5px; margin-top:10px;}
.f10{ font-size:10px;}
.mart6{ margin-top:6px;}

.add{ color:#5db8f1; font-size:14px; display:block; float:right; margin-right:20px; padding-left:22px; background-image:url(../img/coin4.png); cursor:pointer; height:22px; background-repeat:no-repeat; line-height:18px;}
.see {
    display: block;
    float: left;
    font-size: 14px;
    color: #5db8f1;
    background-image: url(../img/coin4.png);
    background-repeat: no-repeat;
    background-position: 0px -46px;
    padding-left: 20px;
    height: 18px;
    line-height: 18px;
}

.modi1 {
    display: block;
    float: left;
    margin-left: 10px;
    width: 31px;
    height: 18px;
    background-image: url(../img/coin4.png);
    background-position: 0px bottom;
    background-repeat: no-repeat;
    font-size: 14px;
    color: #5db8f1;
    line-height: 18px;
    padding-left: 21px;
}
.coin4{width:20px; height:20px;  background-position:0px -20px; float:left;}
.cursor{ cursor:pointer;}
/* .fwq:hover */
.coin4{background-image:url(../img/coin4.png);}

.cj-head{width:80%; margin:0px auto; padding:30px 0px; border:1px solid #cecece}
.cj-head ul li{ display:block; width:25%; float:left; }
.cj-head ul li i{ display:block; width:40px; height:40px; border-radius: 20px; border:1px solid #5db8f1; line-height:40px; text-align:center; font-size:18px; font-weight:900; float:left; margin-left:60px; color:#646464;}
.cj-head ul li font{ display:block; line-height:40px; font-size:18px; float:left; margin-left:12px; font-weight:900; color:#646464;}
.cj-head ul .on i{ background-color:#5db8f1 !important; color:#FFF !important;}
.cj-head ul .on font{ color:#5db8f1 !important}
.h40{ height:40px;}

.ss{width:310px; height:30px; border:1px solid #5db8f1; float:left; margin-right:15px;}
.ss input{width:245px; height:30px; border:0px; background-color:#fff; float:left; padding-left:5px;}
.ss a{display:block; float:left; width:60px; height:30px; background-color:#5db8f1; color:#fff; text-align:center; line-height:30px; font-size:14px; cursor:pointer;}

.gjjs{display:block; float:left; width:80px; height:30px; background-color:#5db8f1; color:#fff; text-align:center; line-height:30px; font-size:14px; cursor:pointer;}

.tk{float:left; width:120px; text-align:right; height:26px; line-height:26px;}
.tk1{float:left; margin-left:10px;}
.tkinp{width:180px; height:26px; border:1px solid #dcdcdc; line-height:26px; padding-left:10px;}

#btn_page{ font-size:14px; padding:0px 6px; display:block}

.login-content {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 1;
    overflow: hidden;
    background-image:url(../img/ad.jpg);
    background-position:center 150px;
    background-repeat:no-repeat;
}

.login-logo{background-image:url(../img/logo1.png); width:134px; height:119px; margin-left:60px; float:left; margin-top:10px;}
.login-logo a{ display:block; width:100%; height:119px;}
.login-cont{width:320px; float:right; margin-right:60px; margin-top:75px; background-color:#FFF; }
.btn-a{ border:1px solid #5db8f1; text-align:center; color:#5db8f1;}
.btn-a:hover{ background-color:#5db8f1; color:#fff;}
.h20{ height:20px;}
.h33{height:33px;}
.h30{ height:30px; line-height:30px;}
.h40{ height:40px; line-height:40px;}
.w70{ width:70px;}
.w90{ width:90px;}
.f16{ font-size:16px}
.b{ font-weight:900;}
.marl40{ margin-left:40px;}
.marl100{ margin-left:100px;}
.log-c-d1{border:1px solid #cccccc; border-top:none !important; width:100%; }
.mp24{margin:0px 20px; padding:40px 0px;}
.log-l{float:left; width:60px; text-align:right; line-height:28px; font-size:14px; color:#646464;}
.log-r{float:left; width:180px; margin-left:10px;}
.log-inp{width:160px; height:18px; padding:8px 0px 8px 5px; border:1px solid #cdcdcd; border-radius: 2px; }
.btn-on{background-color:#5db8f1; color:#fff;}
.img6{background-image:url(../img/img_6.jpg); background-repeat:no-repeat; background-position:0px bottom;}
.img7{background-image:url(../img/img_7.jpg); background-repeat:no-repeat; background-position:0px bottom;}


.bg-white{ background-color:#FFF;}


.kh-body{background-color:#f0f0f0;}

.g10{ width:100%;}
.g5{ width:50%;}
.g48{ width:48%;}

.h450{ height:450px;}

.bd1{ border:1px solid #c8c8c8;}
.h10{ height:10px;}
.h20{ height:20px;}
.h30{ height:30px;}
.h40{ height:40px;}
.h50{ height:50px;}
.h60{ height:60px;}
.h130{ height:130px;}



.mar-lr40{ margin:0px 40px;}

.padt8{ padding-top:8px;}
.pad-tb40{ padding:40px 0px;}

.khdlogo{ background-image:url(../img/log2.png); width:79px; height:60px; display:block; cursor:pointer; }

.kh_top_m_d{width:90px; height:22px; background-image:url(../img/coin7.png); background-position:0px 6px; background-repeat:no-repeat; float:right; margin-right:40px;}

.kh_top_m_a{ display:block; width:90px; text-align:center; height:30px; line-height:25px; font-size:14px;  color:#888888; background-image:url(../img/coin7.png); background-repeat:no-repeat; background-position:right -16px}

.kh_mainlevel div{display:none; position:absolute; z-index:999; width:90px;  line-height:22px;     box-shadow: 0 2px 4px rgba(0,0,0,.12);
    border: 1px solid #d2d2d2;
    background-color: #fff;
    z-index: 100;
    border-radius: 2px;
    white-space: nowrap; }
.kh_mainlevel div a{ display:block; width:90px; height:32px !important; line-height:32px; text-align:center; font-size:12px !important; font-weight:100 !important; color:#888888;}
.kh_mainlevel div a:hover{ background-color:#f0f0f0;}

.boxshaow{-moz-box-shadow:0px 0px 30px #cdcdcd; -webkit-box-shadow:0px 0px 30px #cdcdcd; box-shadow:0px 0px 30px #cdcdcd;}

.m3p1{margin:0px 30px; padding:10px 0px;}
.img-train{width: 105px;height:27px;margin:0px auto;background-image:url(../img/train.png);background-repeat:no-repeat;font-size:14px;color:#5db8f1;font-weight:900;padding-left:90px;}

.sp-ul{ width:100%; border-top:1px solid #c6c6c6;}
.sp-ul li{ width:100%; height:55px; border-bottom:1px solid #c6c6c6; background-image:url(../img/arr.png); background-repeat:no-repeat; clear:both}


.tel{ width:28px; height:28px; background-image:url(../img/coin6.png);   }
.clock{ width:28px; height:28px; background-image:url(../img/coin6.png); background-position:0px -40px; }
.hand{ width:28px; height:28px; background-image:url(../img/coin6.png);  background-position:0px -74px; }
.leave{ width:28px; height:28px; background-image:url(../img/coin6.png); background-position:0px -112px;  }


.lh50{ line-height:50px;}

.marl6{ margin-left:6px;}
.marl10{ margin-left:10px;}
.mart13{margin-top:13px;}
.w80{ width:80px;}
.h55{ height:55px;}

.dj-cj{ padding-right:30px; background-image:url(../img/coin6.png); background-repeat:no-repeat; background-position:right -148px; line-height:25px;}
.dj-zj{ padding-right:30px; background-image:url(../img/coin6.png); background-repeat:no-repeat; background-position:right bottom;line-height:25px;}

.sp-ul-a a{ margin:0px 5px; color:#a7a7a7; font-size:14px}
.sp-ul-a a:hover{ color:#5db8f1}

.sp-bf-nav{ width:100%; height:30px; border-bottom:1px solid #cccccc; float:left}
.sp-bf{width:85px; height:30px; border:1px solid #cccccc; display:block; float:left; text-align:center; line-height:30px; font-size:14px; border-bottom:none; cursor:pointer}
.sp-bf:hover{ border:none; border-bottom:2px solid #5db8f1; color:#5db8f1}
.sp-bf-on{ border:none; border-bottom:2px solid #5db8f1; color:#5db8f1}

.ltc th ,.ltc td{ text-align:center !important}

.play{ background-image:url(../img/play.png); width:25px; height:25px; cursor:pointer; display:block; margin:0px auto;}
.bd-nt{border:1px solid #e2e2e2; border-bottom:none;}


.cj-cont{width:80%; margin:0px auto; border:1px solid #ececec;}
.cj-cont-d1{width:100%; height:120px; background-color:#f5f5f5;}

.cj-c-dl{float:left; width:270px; text-align:right; margin-top:40px; font-size:16px; color:#a7a7a7}
.marl20{ margin-left:20px; }
.mart45{ margin-top:45px;}
.mart25{ margin-top:25px;}
.cj-input{width:360px; height:50px; border:1px solid #dcdcdc; line-height:50px; padding-left:10px;}
.imgn011{height:25px; background-image:url(../img/new_011.png); background-repeat:no-repeat; padding-left:25px; line-height:20px;}
.cj-texta{width:600px; height:130px; border:1px solid #dcdcdc; line-height:50px; padding-left:10px;}
.w180{ width:180px;}
.bd-b1{ border-bottom:1px solid #b4b4b4}
.f64{ color:#646464;}
.padt30{ padding-top:30px;}
.f18{ font-size:18px;}
.f28{ color:#000}
.w650{ width:650px;}
.w710{ width:710px;}
.marauto{ margin:0px auto;}

.disnone{ display:none}



/* 分页 */
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination > li {
    display: inline;
}
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #5db8f1;
    border-color: #55a4d6;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none;
}
.pager li {
    display: inline;
}
.pager li > a,
.pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
    text-decoration: none;
    background-color: #eee;
}
.pager .next > a,
.pager .next > span {
    float: right;
}
.pager .previous > a,
.pager .previous > span {
    float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
}


/* btn */

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
    color: #333;
    text-decoration: none;
}
.btn:active,
.btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

.btn-primary {
    color: #fff;
    background-color: #5db8f1;
    border-color: #5db8f1;
}
.btn-primary:focus,
.btn-primary.focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40;
}
.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
    background-color: #337ab7;
    border-color: #2e6da4;
}
.btn-primary .badge {
    color: #337ab7;
    background-color: #fff;
}


.buttons{
    text-align: center;
    padding-bottom: 5%;
}

.form{
    width: 100%;
    height: 70%;
}

.detailbtn:hover{
    color:red;
}


/*bootstrap输入框*/
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.input-group[class*="col-"] {
    float: none;
    padding-right: 0;
    padding-left: 0;
}
.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.input-group .form-control:focus {
    z-index: 3;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
    display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0;
}
.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.input-group-addon.input-sm {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px;
}
.input-group-addon.input-lg {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
    margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
    border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
    border-left: 0;
}


.form-control {
    display: block;
    width: 100%;
    height: 18px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
}
.form-control:-ms-input-placeholder {
    color: #999;
}
.form-control::-webkit-input-placeholder {
    color: #999;
}
.form-control::-ms-expand {
    background-color: transparent;
    border: 0;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed;
}


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.icon_new{
    width: 5px;
    padding-right: 0px;
}
.show:hover{
    color: #ea5b24;
}


.glyphicon-calendar:before {
    content: "\e109";
}